<script setup>
import {ref,defineExpose} from "vue";
const appSearchBoxDom = ref(null);
function searchToggle() {
  console.log("searchToggle");
  appSearchBoxDom.value.classList.toggle('is-visible');
}
defineExpose({searchToggle})
</script>

<template>
  <div ref="appSearchBoxDom" class="app-search-box col">
<!--    <form class="app-search-form">-->
<!--      <input type="text" placeholder="全文检索···" name="search" class="form-control search-input">-->
<!--      <button type="submit" class="btn search-btn btn-primary" value="Search"><i class="fa-solid fa-magnifying-glass"></i></button>-->
<!--    </form>-->
  </div>
</template>

<style scoped>

</style>